<!DOCTYPE html>
<html lang="en">
<head>
    <th:block th:include="include :: header('数据库字段导出')"/>
</head>
<body class="pear-container">
    <div class="layui-row layui-col-space10">
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">
                    <div class="layui-input-group">
                        <div class="layui-input-prefix">
                            搜索
                        </div>
                        <input type="text" placeholder="表名称过滤" class="layui-input" />
                        <div class="layui-input-split layui-input-suffix" style="cursor: pointer;">
                            <i class="layui-icon layui-icon-search"></i>
                        </div>
                    </div>
                </div>
                <div class="layui-card-body" style="padding: 25px;">

                </div>
            </div>
        </div>
        <div class="layui-col-md8">
            <div class="layui-card">
                <div class="layui-card-header">
                    字段
                </div>
                <div class="layui-card-body" style="padding: 25px;">
                    <p>小尺寸表格:</p>
                    <table class="layui-table" lay-size="sm">
                        <colgroup>
                            <col width="150">
                            <col width="150">
                            <col>
                        </colgroup>
                        <thead>
                        <tr>
                            <th>人物</th>
                            <th>民族</th>
                            <th>格言</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>孔子</td>
                            <td>华夏</td>
                            <td>有朋至远方来，不亦乐乎</td>
                        </tr>
                        <tr>
                            <td>孟子</td>
                            <td>华夏</td>
                            <td>穷则独善其身，达则兼济天下</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
<th:block th:include="include :: footer"/>
<script>
    let prefix = "/generate";
    layui.use(['common','jquery'],function () {
        let $ = layui.jquery

        $.get(prefix+"/previewSql",function (res){
            console.log(res)
        })


    })
</script>
</body>
</html>